<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <h:body style="text-align:center">
        <p:growl id="mensajes"  life="10000" />
        <h:form>
            <p:panel header="Mantener Clasificación" style="width:1330px">
                <p:dataTable id="tablaCiudad" paginatorAlwaysVisible="true"                                                          
                             var="obj" value="#{articuloClasificacionBean.listaArticulosClasificaciones}" paginator="true" 
                             paginatorPosition="bottom"
                             rows="3" filteredValue="#{articuloClasificacionBean.nombre}" 
                             widgetVar="codigoFiltro" scrollable="true"  scrollWidth="true" scrollHeight="150"
                             liveScroll="true">
                    <f:facet name="header">
                        <p:outputPanel>
                            <h:outputText value="Buscar: " />
                            <h:inputText id="globalFilter" onkeyup="PF('codigoFiltro').filter()" />
                            <p:column headerText="Acción">
                                <p:commandButton value="Buscar" action="#{articuloClasificacionBean.consultar()}"/> 
                                <p:commandButton value="Insertar" action="#{articuloClasificacionBean.agregarArticuloClasificacion()}"/>                             
                            </p:column>
                        </p:outputPanel>
                    </f:facet>
                    <p:column headerText="Código">
                        <h:outputText value="#{obj.codigo}" />
                    </p:column>
                    <p:column headerText="Nombre">
                        <h:outputText value="#{obj.nombre}" />
                    </p:column>                
                    <p:column headerText="Acción">
                        <p:commandButton value="Eliminar " onclick="PF('cd').show()" />
                        <p:confirmDialog message="Estas seguro que desea eliminar el registro # #{obj.codigo} ?" 
                                         header="Eliminar" severity="alert"
                                         widgetVar="cd">

                            <p:commandButton value="Aceptar" actionListener="#{articuloClasificacionBean.eliminar()}" oncomplete="PF('cd').hide()">
                                <f:setPropertyActionListener value="#{obj}" target="#{articuloClasificacionBean.codigo}"  />
                            </p:commandButton>
                            <p:commandButton value="Cancelar" onclick="PF('cd').hide();" type="button" />

                        </p:confirmDialog>
                        <p:commandButton value="Modificar" action="#{articuloClasificacionBean.actualizar()}"/> 
                    </p:column>                     
                </p:dataTable>
            </p:panel>
        </h:form>
    </h:body>
</html>